import React from 'react'

import './HomeHeader.less'

import { Link } from 'react-router-dom'



import   SearchInput from '../../../components/SearchInput/SearchInput'

export default class HomeHeader extends React.Component {

   
    render() {

       
        return (
            <div>
                <div id="home-header" className="clear-fix">
                    <div className="home-header-left float-left">
                        <Link to='/city'>
                            <span>{this.props.city}</span>
                        </Link>
                        <i className="icon-angle-down"></i>
                    </div>
                    <div className="home-header-right float-right">
                        <i className="iconfont icon-car"></i>
                    </div>
                    <div className="home-header-middle">
                        <div className="search-container">
                            <i className="icon-search"></i>
                            {/* <input /> */}
                            <SearchInput />
                        </div>
                    </div>
                </div>
            </div>
        )
    }
}